<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
</head>
<body>
    <ul></ul>

    <script>
        // 获取ul标签
        let ul = document.querySelector("ul");


        // 发送ajax请求http://172.18.50.2:3000/getDateBase
        // 拿到响应的数据，做遍历
        // 把对象中的每一个text取出来包装到li标签中
        // 把li标签插入到ul中
        function init(){
            $.ajax({
                url:"http://172.18.50.2:3000/getDateBase",
                type:"get",
                success:function(res){
                    console.log(res);
                    res.data.forEach(item => {
                        let li = document.createElement("li");
                        li.innerText = item.text
                        ul.appendChild(li);
                    });
                }
            })
        }

        init();
    </script>
</body>
</html>